import React from 'react';
import styles from './txMap.css';

const TxMap = ({
  companyName,
  latitude,
  longitude,
}) => {

  const mapLoad = () => {

    const lat = window.MC.latitude;
    const lng = window.MC.longitude;

    // console.log('longitude',longitude);
    // console.log('latitude',latitude);
    // console.log('lat',lat);
    // console.log('lng',lng);

    var markUrl = 'http://apis.map.qq.com/tools/routeplan/' +
    // 'eword='+ '广东省广州市黄埔区科学大道193号' +
    'eword='+ companyName +
    // '&epointx='+ longitude +
    // '&epointy='+ latitude +
    // '&sword='+ latitude +
    '&spointx='+ lng +
    '&spointy='+ lat +
    '?key=36TBZ-G3JKP-UGXDX-VVSZW-AXJD2-J7BAY&referer=part-time'

    return markUrl;
  }


  return(
    <div className={styles.map}>
      <iframe id="markPage"
        width="100%"
        height="100%"
        frameborder="0"
        scrolling="no"
        style={{border:'0'}}
        src={mapLoad()}></iframe>
    </div>
  )
}

export default TxMap;
